<template>
  <el-dialog
      :visible.sync="visible"
      width="46%"
      :before-close="onClose">
      <div slot="title" style="font-size: 14px;font-weight: 500;">
        异常自动处理
      </div>
      <div class="auto-exceptions-container">
        <div class="auto-exceptions-form-item">
          <div class="form-label">
            自动暂停：
          </div>
          <div class="form-value">
            <el-radio v-model="check"><span style="color: rgba(0,0,0,.65);font-weight: 400;">全部失败自动暂停</span></el-radio>
            <div class="tips">对象中所有消息都监测到发送失败（包含频繁/超时等），累计三个对象任务自动暂停，暂停重新开启后清零重计。</div>
          </div>
        </div>
        <div class="auto-exceptions-form-item">
          <div class="form-label">
          </div>
          <div class="form-value">
            <el-radio v-model="check1"><span style="color: rgba(0,0,0,.65);font-weight: 400;">任一失败自动暂停</span></el-radio>
            <div class="tips">对象中只要有一条消息监测到发送失败（包含频繁/超时等），累计三个对象任务自动暂停，暂停重新开启后清零重计。</div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="onClose">关闭</el-button>
      </span>
    </el-dialog>
</template>
<script>
export default {
  data() {
    return {
      check: 0,
      check1: 0,
    }
  },
  props: ['visible'],
  methods: {
    onClose() {
      this.$emit('handCloseDialog');
    }
  },
}
</script>
<style lang="scss" scoped>
.auto-exceptions-container{
  .auto-exceptions-form-item {
    display: flex;
    font-weight: 400;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    .form-label {
      width: 100px;
    }
    .form-value {
      .tips {
        margin-top: 4px;
        color: rgba(0, 0, 0, 0.45);
        font-size: 12px;
      }
    }
  }
}
</style>